<!DOCTYPE html>
<html>
<head>
    <meta content="text/html; charset=utf-8" http-equiv="content-type" />
    <title>login</title>
    <link rel="stylesheet" type="text/css" href="../css/main.css" />
    <style type="text/css">
    </style>
</head>
    
<body id="doc">
    <form class="form_login" id="form_login" method="post" action="">
        <table>
            <caption>User Login</caption>
            <tbody>
                <tr>
                    <td><label for="username">Use Name:</label></td>
                    <td><input type="text" id="username" name="username" /></td>
                </tr>
                <tr>
                    <td><label for="password">Password:</label></td>
                    <td><input type="password" id="password" name="password" /></td>
                </tr>
                <tr>
                    <td colspan="2"><input type="submit" name="submit" id="submit" value="Log in" /></td>
                </tr>
            </tbody>
        </table>
    </form>
</body>

<!-- JavaScript -->
<script type="text/javascript" src="../js/jquery-1.6.1.js"></script> <!-- jQuery 1.6.1 -->
<script type="text/javascript" src="../js/jquery.validate.js"></script> <!-- jQuery Plugin: jquery.validate -->
<script type="text/javascript" src="../js/validate_settings.js"></script> <!-- Validate Forms -->
<script type="text/javascript">
$(document).ready(function () {
    var valid = new FormValid();
    valid.login('form_login');
});
</script>
</html>